<template>
  <div class="footer-container">
    <div class="footer-content">
      <ul>
        <li><a href="#">华为帐号用户协议</a></li>
        <li><a href="#">关于华为帐号与隐私的声明</a></li>
        <li><a href="#">常见问题</a></li>
        <li class="last-border"><a href="#">Cookies</a></li>
      </ul>
      <div class="footer-buttom">华为帐号 版权所有 © 2011-2022</div>
    </div>
  </div>
</template>
<script>
export default {
  name: "VFooter",
};
</script>

<style lang="less" scoped>
.footer-container {
  background: #f1f1f1;
  width: 100%;
  position: relative;
  bottom: 0;

  .footer-content {
    height: 82px;
    width: 1200px;
    text-align: center;
    margin: 0 auto;

    ul {
      li {
        display: inline-block;
        border-right: 1px solid #e4e4e4;
        padding: 0 8px;
        margin: 15px 0;
        color: #7e7e7e;
        opacity: 0.6;
        font-size: 11.2px;
        a:hover {
          color: #000;
          cursor: pointer;
        }
      }
      .last-border {
        border-right: none;
      }
    }
    .footer-buttom {
      font-size: 11.2px;
      color: rgba(0, 0, 0, 0.3);
    }
  }
}
</style>
